<template>
  <div class="chart"></div>
</template>

<script>
import $ from "jquery";
import * as echarts from "echarts";

export default {
  name: "hunanMap",
  mounted() {
    this.mapInit();
  },
  methods:{
    mapInit() {
      console.log(1)
      //以下为echartsmap相关代码
      $.get('hunan.json', function (湖南省) {//我的geojson文件是放在public下的
        echarts.registerMap('湖南省', 湖南省);
        var chart = echarts.init(document.querySelector(".chart"));
        chart.setOption({
          //设置地图样式
          geo: {
            map: "湖南省",
            zoom: 1.2,
            label: {
              // 通常状态下的样式
              normal: {
                show: true,
                textStyle: {
                  color: "#fff",
                },
              },
              // 鼠标放上去的样式
              emphasis: {
                textStyle: {
                  color: "#00f",
                },
              },
            },
            // 地图区域的样式设置
            itemStyle: {
              normal: {
                borderColor: "rgba(147, 235, 248, 1)",
                borderWidth: 1,
                areaColor: {
                  type: "radial",
                  x: 0.5,
                  y: 0.5,
                  r: 0.8,
                  colorStops: [
                    {
                      offset: 0,
                      color: "rgba(147, 235, 248, 0)", // 0% 处的颜色
                    },
                    {
                      offset: 1,
                      color: "rgba(147, 235, 248, .2)", // 100% 处的颜色
                    },
                  ],
                  globalCoord: false, // 缺省为 false
                },
                shadowColor: "rgba(128, 217, 248, 1)",
                shadowOffsetX: -2,
                shadowOffsetY: 2,
                shadowBlur: 10,
              },
              // 鼠标放上去高亮的样式
              emphasis: {
                areaColor: "#389BB7",
                borderWidth: 0,
              },
            },
          }

        });
      });


    },
  }
}
</script>

<style scoped>

</style>